<div id="content_header">
  <h3>Register a new age group</h3>
</div>
<div class="row">
  <form name="form" role="form" ng-submit="add()">

    <div class="form-group">
      <label for="AgeGroup">
        Age Group
      </label>
      <slider ng-model="slider.rangeValue" min="{{slider.min}}" step="{{slider.step}}" max="{{slider.max}}" range="true"></slider>
    </div>


    <div class="form-group">
      <label for="LowerBound">
        Lower Bound
      </label>
      <span class="form-control">{{ slider.rangeValue[0] }}</span>
    </div>

    <div class="form-group">
      <label for="UpperBound">
        Upper Bound
      </label>
      <span class="form-control">{{ slider.rangeValue[1] }}</span>
    </div>

    <button type="submit" class="btn btn-primary" >Submit</button>
  </form>
</div>